<%@page import="servlets.MainServlet"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<link href="../css/verEnvio.css" rel="stylesheet" type="text/css">
<link href="../css/form.css" rel="stylesheet" type="text/css">
<jsp:include page="header.jsp" flush="true" />
<style>.bootstrap-frm label>span.label {width: 35%;}</style>
<div id="content">
	<div class="bootstrap-frm">
		<h1>Vehículo</h1>
			
		<label> 
			<span class="label">Dominio:</span>
			<span class="valor"><c:out value="${vehiculo.dominio}"/></span>
		</label>
		
		<label> 
			<span class="label">En viaje:</span>
			<span class="valor">
				<c:choose> 
					<c:when test="${vehiculo.enViaje}">
						<span style="color: green; font-weight: bold;">Sí</span>
					</c:when>
					<c:otherwise>
						<span style="color: red; font-weight: bold;">No</span>
					</c:otherwise>
				</c:choose>
			</span>
		</label>
		
		<label>
			<span class="label">Tipo de Vehículo:</span>
			<span class="valor">
				<c:choose>
					<c:when test="${vehiculo.tipo == 1 }">
						Tractor
				    </c:when>
				    <c:when test="${vehiculo.tipo == 2 }">
						Camión
				    </c:when>        
				    <c:otherwise>
				    	Camioneta
				    </c:otherwise>
				</c:choose>
			</span>
		</label>
		
		<label>
			<span class="label">Peso Tara:</span>
			<span class="valor"><c:out value="${vehiculo.pesoTaraKG}" /> Kg</span>
		</label>
		<label>
			<span class="label">Kilometraje:</span>
			<span class="valor"><c:out value="${vehiculo.kilometrajeKM}" /> Km</span>
		</label>
		<label>
			<span class="label">Peso Máximo de Carga:</span>
			<span class="valor"><c:out value="${vehiculo.pesoMaximoCargaKG}" /> Kg</span>
		</label>
		<label>
			<span class="label">Volumen Máximo de Carga:</span>
			<span class="valor"><c:out value="${vehiculo.volumenMaximoCargaM3}" /> M3</span>
		</label>
		<label>
			<span class="label">Refrigerado:</span>
			<span class="valor"><c:out value="${vehiculo.esRefrigerado ? 'Sí' : 'No'}" /></span>
		</label>
		<label>
			<span class="label">En garantía:</span>
			<span class="valor"><c:out value="${vehiculo.estaEnGarantia ? 'Sí' : 'No'}" /></span>
		</label>
	</div>	

	<br/>				    
    <div class="bootstrap-frm">
		<h1>Novedades</h1>
		<c:choose>
			<c:when test="${fn:length(vehiculo.novedades) gt 0}">
				<c:forEach items="${vehiculo.novedades}" var="novedad" varStatus="status" >
					<label>
						<span class="label">Fecha</span>
						<span class="value"><c:out value="${novedad.fecha}"/></span>
					</label>
					<label>
						<span class="label">Descripción</span>
						<span class="value"><c:out value="${novedad.descripcion}"/></span>
					</label>	
				</c:forEach>
			</c:when>
			<c:otherwise>
				<label>
					No se registraron novedades para el vehículo
				</label>
			</c:otherwise>
		</c:choose>
	</div>
	
	<br/>				    
    <div class="bootstrap-frm">
		<h1>Mantenimientos</h1>
		<c:choose>
			<c:when test="${fn:length(vehiculo.planMantenimiento.itemsPlan) gt 0}">
				<c:forEach items="${vehiculo.planMantenimiento.itemsPlan}" var="itemPlan" varStatus="status" >
					<label>
						<span class="label">Fecha de creación</span>
						<span class="value"><c:out value="${itemPlan.fechaCreacion}"/></span>
					</label>
					<label>
						<span class="label">KM del Vehículo al crear el mantenimiento</span>
						<span class="value"><c:out value="${itemPlan.kmVehiculoFechaCreacion}"/></span>
					</label>
					<label>
						<span class="label">Recurrente</span>
						<span class="value"><c:out value="${itemPlan.recurrente ? 'Sí' : 'No'}"/></span>
					</label>
					<label>
						<span class="label">Días</span>
						<span class="value"><c:out value="${itemPlan.cantidadDias != 0 ? itemPlan.cantidadDias : 'No aplica'}"/></span>
					</label>
					<label>
						<span class="label">Kilometros</span>
						<span class="value"><c:out value="${itemPlan.cantidadKM != 0 ? itemPlan.cantidadKM : 'No aplica'}"/></span>
					</label>
					<label>
						<span class="label">Descripción</span>
						<span class="value"><c:out value="${itemPlan.descripcion}"/></span>
					</label>		
					<hr/><br/>
				</c:forEach>
			</c:when>
			<c:otherwise>
				<label>
					No se registraron mantenimientos para el vehículo
				</label>
			</c:otherwise>
		</c:choose>
	</div>
	<br/>
	<form action="../servlet/mainServlet?actionId=11" method="post" class="frm" onsubmit="return validate(); return false;">
		<h1>Agregar nuevo mantenimiento
			<span>* Por favor llene todos los campos obligatorios</span>
		</h1>
		<input type="hidden" name="dominio" value="<c:out value="${vehiculo.dominio}"/>"/>
		<label> 
			<span>Recurrente:</span>
			<input type="checkbox" name="recurrente"/>
		</label>
		<span id="cantidadDiasError" class="error">Por favor ingrese un valor numérico entero</span>
		<label>
			<span>Cantidad de días</span>
			<input type="text" name="cantidadDias" placeholder="si desea dejarlo vacío ingrese un cero"/>
		</label>
		<span id="cantidadKMError" class="error">Por favor ingrese un valor numérico entero</span>
		<label>
			<span>Cantidad de kilometros</span>
			<input type="text" name="cantidadKM" placeholder="si desea dejarlo vacío ingrese un cero"/>
		</label>
		<span id="descripcionError" class="error">Por favor complete el campo</span>
		<label>
			<span>* Descripción</span>
			<input type="text" name="descripcion" />
		</label>
		<label>
			<span>&nbsp;</span>
			<input type="submit" class="button" value="Crear Mantenimiento"/>
		</label>
	</form>
	<br/>
		<form action="../servlet/mainServlet?actionId=17" method="post" class="frm" onsubmit="return validateMovimiento(); return false;">
			<h1>Mover vehículo</h1>
			<input type="hidden" name="dominio" value="<c:out value="${vehiculo.dominio}"/>"/>
			<c:if test="${sucursales != null}">
			<span id="nombreSucursalError" class="error">Por favor seleccione una sucursal de destino</span>
			<label> <span>Sucursal:</span> 
			<select name="nombreSucursal">
				<option></option>
				<c:forEach items="${sucursales}" var="sucursal" varStatus="status">
					<option><c:out value="${sucursal.nombre}" /></option>
				</c:forEach>
			</select>
			</label>
		</c:if>
			<label>
				<span>&nbsp;</span>
				<input type="submit" class="button" value="Mover"/>
			</label>
		</form>
</div>
<script type="text/javascript">
function validate() {
   	var canSubmit = true;
   	
   	var cantidadDias = document.getElementsByName('cantidadDias')[0].value;
   	if (!isNumericoEntero(cantidadDias)) {
   		document.getElementById('cantidadDiasError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('cantidadDiasError').style.display = "";
   	}
   	
   	var cantidadKM = document.getElementsByName('cantidadKM')[0].value;
   	if (!isNumericoEntero(cantidadKM)) {
   		document.getElementById('cantidadKMError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('cantidadKMError').style.display = "";
   	}
   	
   	var descripcion = document.getElementsByName('descripcion')[0].value;
   	if (descripcion == "") {
   		document.getElementById('descripcionError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('descripcionError').style.display = "";
   	}

   	
	return canSubmit;
   };
   
   function isNumericoEntero(n) {
	  return !isNaN(n) && 
   		         parseInt(Number(n)) == n && 
   		         !isNaN(parseInt(n, 10));
   }
   
   function validateMovimiento() {
	   	var canSubmit = true;
	   	
	   	var sucursal = document.getElementsByName('nombreSucursal')[0].value;
	   	if (sucursal == "") {
	   		document.getElementById('nombreSucursalError').style.display = "inline";
	   		canSubmit = false;
	   	} else {
	   		document.getElementById('nombreSucursalError').style.display = "";
	   	}
	   	
		return canSubmit;
	   };

</script>
<jsp:include page="footer.jsp" flush="true" />